@for $var from 1 through 50 {
  .padding#{$var} {
    padding: $var + px;
  }
  .paddingL#{$var} {
    padding-left: $var + px;
  }
  .paddingR#{$var} {
    padding-right: $var + px;
  }
  .paddingT#{$var} {
    padding-top: $var + px;
  }
  .paddingB#{$var} {
    padding-bottom: $var + px;
  }
  .margin#{$var} {
    margin: $var + px;
  }
  .marginL#{$var} {
    margin-left: $var + px;
  }
  .marginR#{$var} {
    margin-right: $var + px;
  }
  .marginT#{$var} {
    margin-top: $var + px;
  }
  .marginB#{$var} {
    margin-bottom: $var + px;
  }
}

@for $var from 10 through 30 {
  .fontsize#{$var} {
    font-size: $var + px;
  }
}
